<template>
  <div>
    <div>
      <el-row :gutter="30">
        <el-col :span="16">
          <el-image class="el-image1" :src="require('../../assets/wallhaven-zyxvqy.jpg')"></el-image>
        </el-col>
        <el-col :span="8">
          <el-image class="el-image2" :src="require('../../assets/wallhaven-zyxvqy.jpg')"></el-image>
        </el-col>
        <el-col :span="8">
          <el-image class="el-image2" :src="require('../../assets/wallhaven-zyxvqy.jpg')"></el-image>
        </el-col>
      </el-row>
    </div>
  </div>
</template>

<script>
  export default {
    data() {
      return {
        src:"../../assets/wallhaven-zyxvqy.jpg",
      }
    }
  }
</script>

<style scoped>
.el-image1 {
  height: 500px;
  float: left;
}
.el-image2 {
  height: 245px;
  float: left;
  margin-bottom: 10px;
}
</style>
